<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*后代选择器*/
        .adv-selector li{
            color: red;
            font-size: 20px;
        }
    </style>
</head>
<body>

<h3>基础选择器</h3>
<div>
    <ul>
        <li>标签选择器</li>
        <li>类选择器</li>
        <li>id 选择器</li>
        <li>通配符选择器</li>
    </ul>
</div>

<h3>复合选择器</h3>
<div class="adv-selector">
    <ul>
        <li>后代选择器</li>
        <li>子代选择器</li>
        <li>并集选择器</li>
        <li>伪类选择器</li>
    </ul>
</div>

</body>
</html>